<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>08_组合按键的使用</title>
  </head>

  <body>
    <script>
      /*
        键盘事件的事件对象中
        还有三个属性给我们使用

        altKey alt键是否被按下
        ctrlKey ctrl键是否被按下
        shiftKey shift键是否被按下

        当你按下一个按键的时候，如果上面三个某一个的值书 true
        表示你同时按下了某一个按键

        我们就通过这个属性来判断你按下的是不是组合按键
      */
      document.onkeydown = function (e) {
        console.log(e.key);

        // 监听ctrl + a
        if ((e.key === "a" || e.key === "A") && e.ctrlKey) {
          console.log("您触发了全选");
        }

        // ctrl + alt + del (热键冲突/被系统的【任务管理】截胡)
        if (e.key === "Delete" && e.ctrlKey && e.altKey) {
          console.log("您想打开任务管理器");
        }

        /* 模拟打开【任务管理】 */
        if (e.key === "Delete" && e.shiftKey && e.altKey) {
          console.log("您想打开任务管理器");
        }
      };
    </script>
  </body>
</html>
